<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib uri="/WEB-INF/tag/pagetag.tld" prefix="p"%>
<%@ taglib uri="/WEB-INF/tag/pageform.tld" prefix="pf"%>
<!doctype html>
<html lang="zh-CN">

<head>
<title>智慧园区</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<jsp:include page="/WEB-INF/views/config/include.jsp" />
	<link href="/custom/h5/css/custom.css?201900906" 		rel="stylesheet" media="screen">
	<link href="/custom/h5/css/commonbtn.css?201900906" 	rel="stylesheet" media="screen">

<style>

</style>
</head>
<body class="body">
<form class="form" action="/player/1.0/h5/ques/forms.ok" method="POST" id="home_h5">
	<pf:token />
	<input type="hidden" id="quesId" name="quesId" value="${ques.id}">
	<input type="hidden" id="quesName" name="quesName" value="${ques.quesName}">
	<div class="container form-container pre-scrollable">
		<!-- 中间提示信息 -->
		<div class="item-box">
			<div class="vc" style="margin-top: 10px;margin-bottom: 10px;">
			  	<span class="glyphicon glyphicon-volume-up itemiconfont" aria-hidden="true"></span>
			  	<span class="cmfont">${ques.quesTitle}</span>
		  	</div>
		</div>
		<div style="margin-top: 10px;margin-bottom: 10px;">
		  	<div style="margin-left: 20px;">
			  	${ques.quesRule}
		  	</div>
		</div>
		
		<div style="margin-top: 10px;">
		  	<div style="color: red">
			  	${ message }
		  	</div>
		</div>
		
		
		<!-- 中间提示信息 -->
		<div class="item-box-middle">
			<div class="vc" style="margin-top: 5px;margin-bottom: 5px;">
			  	<span class="glyphicon glyphicon-th-list " aria-hidden="true"></span>
			  	<span class="cmfont">表单内容</span>
		  	</div>
		</div>
		
		
		<!-- ---------------------------表单开始--------------------------------- -->
		<!-- 题目类型编码（1单选、2多选、3不定项选择、4判断题、5填空题、6问答题、7录音题、8组合题） -->
<c:forEach var="subitem" items="${ subDatas }" varStatus="status">
  <c:choose>
	<c:when test="${ subitem.typeCode == '1' }">
		<div class="form-item">
			<span>${ status.index + 1 }.${ subitem.subContent }</span>
		<c:forEach var="quesSubItem" items="${ subitem.quesSubItems }">
			<div>
	            <label class="radio-inline">
	                <input type="radio" name="qs${ subitem.id }-${ subitem.subContent }" id="rd${ subitem.id }" value="${ quesSubItem.id }-${ quesSubItem.subItemContent }"/>
	                ${ quesSubItem.subItemContent }
	            </label>
            </div>
		</c:forEach>
		</div>
	</c:when>
	<c:when test="${ subitem.typeCode == '2' }">
		<div class="form-item">
			<span>${ status.index + 1 }.${ subitem.subContent }</span>
		<c:forEach var="quesSubItem" items="${ subitem.quesSubItems }">
			<div>
	            <label class="checkbox-inline">
	                <input type="checkbox" name="qs${ subitem.id }-${ subitem.subContent }" id="ck${ subitem.id }" value="${ quesSubItem.id }-${ quesSubItem.subItemContent }"/>
	                ${ quesSubItem.subItemContent }
	            </label>
            </div>
		</c:forEach>
		</div>
	</c:when>
	  <c:otherwise>
		<div class="form-item">
			<span>${ status.index + 1 }.${ subitem.subContent }</span>
			<input class="form-control" type="text"  name="qs${ subitem.id }-${ subitem.subContent }" id="ip${ subitem.id }" placeholder="请输入......">
		</div>
	  </c:otherwise>
  </c:choose>	
</c:forEach>
		<!-- ---------------------------表单结束--------------------------------- -->
		

		<!-- 底部功能菜单 -->
		<div class="btn-group form-comm" role="group">
		  <input type="submit" class="btn form-btn btn-primary " value="提交" />
		</div>
	</div>
</form>
	
	<script type="text/javascript" src="/custom/h5/js/commonbtn.js?201900906"></script>
<script>
</script>
</body>
</html>